main {
    width: 300px;
    padding: 52px 29px;
    /* display: flex;
    justify-content: center; */
    border: solid 1px #fff;
  }

  .one-pixel-line {
    display: inline-block;
    width: 229px;
    background-color: #fff;
    position: relative;
  }

  .one-pixel-line::after {
    content: '';
    width: 229px;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 0 1px #ff0;
    transform-origin: 0 bottom;  /* 平移的参考点设置 */
    transform: scaleY(.5) translateZ(0);
  }
  

  /* min-resolution 定义设备的最小分辨率。 */
  @media (min-resolution: 2dppx) {
    span.one-pixel-line.shadow::after {
      box-shadow: 0 0 0 .5px #b4a078;
    }
  }

    /* min-resolution 定义设备的最小分辨率。 */
  @media (min-resolution: 3dppx) {
    span.one-pixel-line.shadow::after {
      box-shadow: 0 0 0 .333333px #b4a078;
    }
  }